import {defineComponent} from 'vue';
import './index.scss'; // 自动引用同名 CSS 文件

export default defineComponent({
    name: "modal-com",
    props: {},
    emits: ['close'],
    setup(props, {slots}) {
        return () => (<div class={"modal-main__container"}>
            <div class={"modal-content__container"}>
                <h3 class="modal-header__container">
                    {slots.header?.()}
                </h3>
                <div class="modal-body__container">
                    {slots.default?.()}
                </div>
                <div class="modal-footer__container">
                    {
                        slots.footer ?
                            slots.footer?.() :
                            <>
                                <span>123</span>
                                <button-com
                                    size="small"
                                    onClick={() => ("")}
                                >
                                    取消
                                </button-com>
                            </>
                    }
                </div>
            </div>
        </div>);
    }
});
